.drop-down-date-popup {
  z-index: 2199 !important;
  .ant-calendar-range-right .ant-calendar-date-input-wrap {
    margin-left: 0;
  }

  .ant-calendar-today .ant-calendar-date {
    color: #3276b1;
    border-color: #3276b1;
    cursor: pointer;
  }

  .ant-calendar-footer {
    .ant-tag {
      background-color: #3276b1;
      color: #fff;

      &:hover {}
    }
  }

  .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
  .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
    background-color: #3276b1;
    color: #fff;

    &:hover {
      background-color: #3276b1;
    }
  }

  .ant-calendar-footer-btn {
    .ant-calendar-footer-extra:last-child {
      float: right;

      &>span {
        padding: 0 7px;
        background-color: #3276b1;
        color: #fff;
        cursor: pointer;
      }
    }
  }

}

.date-input {
  .ant-input {
    padding: 4px 0;
    height: 36px;
  }
}
.selectZddDialog.ant-calendar-picker-container {
  z-index: 2199 !important;
}

.el-month-table td.end-date .cell, .el-month-table td.start-date .cell {
  background-color: #3276b1;
    color: #fff;
}